HTML Subscript

The element in HTML is used to display text as subscript, which appears slightly below the baseline and is usually smaller in size than regular text. It is commonly used for:

✔️ Mathematical expressions (e.g., H₂O)

✔️ Chemical formulas (e.g., CO₂)

✔️ Scientific notations (e.g., E = mc₂)

✔️ Footnotes and references

The tag is a pair tag, meaning it requires an opening and closing tag

<!DOCTYPE html>
<html>
<body>
<sub>subscript text</sub>
</body>
</html>

Usage of

Displaying Chemical Formulas

<!DOCTYPE html>
<html>
<body>
<p>The chemical formula of water is H<sub>2</sub>O.</p>
</body>
</html>

Mathematical Expressions

<!DOCTYPE html>
<html>
<body>
<p>The formula for carbon dioxide is CO<sub>2</sub>.</p>
</body>
</html>

Scientific Notation

<!DOCTYPE html>
<html>
<body>
<p>Einstein’s equation: E = mc<sub>2</sub></p>
</body>
</html>

Footnotes and References

<!DOCTYPE html>
<html>
<body>
<p>According to the research<sub>1</sub>, global warming is increasing.</p>
</body>
</html>

Browser Compatibility

  
Chrome  
Firefox  
Edge  
Safari  
Opera  
Internet Explorer

The element is fully supported across all browsers.

Best Practices

✔️ Use only for its intended purpose (scientific formulas, mathematical expressions, and footnotes).

✔️ Avoid using for layout purposes—use CSS instead.

✔️ Ensure that screen readers interpret subscript content correctly by using ARIA attributes if necessary.

CSS Styling for

If you need to adjust the position or size of the subscript text, you can use CSS:

<!DOCTYPE html>
<html>
<head>
<style>
sub {
font-size: 80%;
vertical-align: sub;
color: red;
}
</style>
</head>    
<body>
<p>According to the research<sub>1</sub>, global warming is increasing.</p>
</body>
</html>

The element is a simple yet powerful HTML tag used for scientific, mathematical, and academic purposes. It should be used only when necessary and styled properly using CSS if needed.

HTML Subscript

The <sub> element in HTML is used to display text as subscript, which appears slightly below the baseline and is usually smaller in size than regular text. It is commonly used for:

✔️ Mathematical expressions (e.g., H₂O)

✔️ Chemical formulas (e.g., CO₂)

✔️ Scientific notations (e.g., E = mc₂)

✔️ Footnotes and references

The <sub> tag is a pair tag, meaning it requires an opening and closing tag

Usage of <sub>

Displaying Chemical Formulas

Mathematical Expressions

Scientific Notation

Footnotes and References

Browser Compatibility

Chrome Firefox Edge Safari Opera Internet Explorer

The <sub> element is fully supported across all browsers.

Best Practices

✔️ Use <sub> only for its intended purpose (scientific formulas, mathematical expressions, and footnotes).

✔️ Avoid using <sub> for layout purposes—use CSS instead.

✔️ Ensure that screen readers interpret subscript content correctly by using ARIA attributes if necessary.

CSS Styling for <sub>

If you need to adjust the position or size of the subscript text, you can use CSS:

The <sub> element is a simple yet powerful HTML tag used for scientific, mathematical, and academic purposes. It should be used only when necessary and styled properly using CSS if needed.

*HTML Subscript*

The <sub> element in HTML is used to display text as subscript, which appears slightly below the baseline and is usually smaller in size than regular text. It is commonly used for:

✔️ Mathematical expressions (e.g., H₂O) ✔️ Chemical formulas (e.g., CO₂) ✔️ Scientific notations (e.g., E = mc₂) ✔️ Footnotes and references

The <sub> tag is a pair tag, meaning it requires an opening and closing tag

Usage of <sub>

Displaying Chemical Formulas

Mathematical Expressions

Scientific Notation

Footnotes and References

Browser Compatibility

Chrome Firefox Edge Safari Opera Internet Explorer

The <sub> element is fully supported across all browsers.

Best Practices

✔️ Use <sub> only for its intended purpose (scientific formulas, mathematical expressions, and footnotes). ✔️ Avoid using <sub> for layout purposes—use CSS instead. ✔️ Ensure that screen readers interpret subscript content correctly by using ARIA attributes if necessary.

CSS Styling for <sub>

If you need to adjust the position or size of the subscript text, you can use CSS:

The <sub> element is a simple yet powerful HTML tag used for scientific, mathematical, and academic purposes. It should be used only when necessary and styled properly using CSS if needed.

HTML Subscript

✔️ Mathematical expressions (e.g., H₂O)

✔️ Chemical formulas (e.g., CO₂)

✔️ Scientific notations (e.g., E = mc₂)

✔️ Footnotes and references

✔️ Use <sub> only for its intended purpose (scientific formulas, mathematical expressions, and footnotes).

✔️ Avoid using <sub> for layout purposes—use CSS instead.

✔️ Ensure that screen readers interpret subscript content correctly by using ARIA attributes if necessary.